<template>
  <div class="bg-neutral-900">
  <v-tabs
    v-model="tab"
    bg-color="grey-darken-4"
    align-tabs="center"
    fixed-tabs
    slider-color="#424242"
  >
    <v-tab value="one">
      <v-icon>mdi-movie-open-play-outline</v-icon>
      <span class="ml-1 text-lg font-bold">
        短剧大全
      </span>
    </v-tab>
    <v-tab value="two">
      <v-icon>mdi-heart</v-icon>
      <span class="ml-1 text-lg font-bold">
        红包封面
      </span>
    </v-tab>
    <v-tab value="three">
      <v-icon>mdi-abjad-hebrew</v-icon>
      <span class="ml-1 text-lg font-bold">
        更多内容
      </span>
    </v-tab>
  </v-tabs>

  <v-window v-model="tab">
    <v-window-item value="one">
      <HelloWorld />
    </v-window-item>

    <v-window-item value="two">
      <iframe class="w-[100vw] h-[100vh]" src="https://static-mp-8c7af044-ed93-4e51-8002-57f4dfe74f1e.next.bspapp.com/#/login">
      </iframe>
    </v-window-item>

    <v-window-item value="three">
      <more></more>
    </v-window-item>
  </v-window>
  </div>
</template>

<script setup>
import FileSaver from 'file-saver';
  import HelloWorld from '@/components/HelloWorld.vue';
  import More from '@/components/More.vue';
  import {ref} from "vue";
import View from "@/layouts/default/View.vue";
  const tab = ref('one');

</script>

<style>

</style>
